﻿/*----------------------------
------------------------------
智源雄略首页样式表
by黄磊 2009-04-28
邮箱：didahuang@gmail.com

样式书写规则：
//显示属性
display
list-style
position
float
clear
//自身属性
width
height
margin
padding
border
background
overflow
//文本属性
color
font
text-decoration
text-align
vertical-align
white-space
other text
content
//补丁
display:inline
zoom:1;
……
------------------------------
------------------------------*/

body{
	width:100%;
	font-size:12px;
	font-family:"宋体",arial;
	background:#FFF;	
	}

a{
	color:#232422;
	}

a:hover{
	color:#004156;
	text-decoration:underline;
	}

.header{
	width:100%;
	border-bottom:1px #fff solid;
	background:url('../img/bodytopbg.jpg') repeat-x top;
	text-align:center;
	}

    .header .top{
    	width:980px;
    	height:80px;
    	margin:0 auto;
    	background:url('../img/topbg.jpg') no-repeat  50%;	
    	text-align:left;
    	overflow:auto;
    	zoom:1; 	
    	}
    	
      	.header .top .logo{
      		float:left;
          width:312px;
          height:51px;
          margin-top:12px;
          background:url('../img/logo.gif') no-repeat;
          }
          
        .header .top .addon_link{
        	float:right;
        	}
        
        .addon_link{
        	width:350px;
        	margin-top:15px;
        	overflow:hidden;
        	white-space:nowrap;
        	}
            
            .addon_link li{
            	float:right;
            	width:70px;
            	margin-right:-1px;
            	border-right:1px #888888 solid;
            	overflow:hidden;
            	text-align:center;
            	white-space: nowrap;	
            	}
            	
                .addon_link li a{
                	color:#555555;
                	text-decoration:none;
                	}
                
                    .addon_link li a:hover{
                    	color:#1296c2;
                    	}
                    	
                    	
/*---------导航样式-----------*/
.main_nav{
	width:100%;
	height:32px;
	background:url('../img/main_nav_bg.gif') repeat-x;
	}

    #nav{
      margin:auto;
      width:980px;
    	}
    	
    #nav, #nav ul{
      list-style-type:none;
      list-style-position:outside;
      position:relative;
      font-size:14px;
      font-weight:bold;
      line-height:32px;
      z-index:5000;
      }
    
    #nav a{
      display:block;
      color:#fff;
      text-decoration:none;
      padding:0 19px;
      }
    
    #nav a:hover{
    	background:url('../img/main_nav_bg_on.gif') repeat-x;
      
      color:#ffffff;
      }
    
    #nav li{
      float:left;
      position:relative;
      }
    
    #nav ul {
      position:absolute;
      display:none;
      width:100px;
      }
    
        #nav li ul a{
          width:120px;
          height:auto;
          float:left;
          background-color:#005378;
          }
          
        #nav li ul a:hover{
          background:#006fa1;
        	}
        
        #nav ul ul{
          top:auto;
          }	
        
            #nav li ul ul {
              left:12em;
              margin:0px 0 0 10px;
              }
            
            #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
              display:none;
              }
            #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
              display:block;
              }
             
/******导航样式结束*******/

/*---------主图----------*/

.main_img{
	width:100%;
	padding-top:3px;
	padding-bottom:4px;
	border-bottom:4px #dbe9e0 solid;
	background:#edf7ef;
	}
	
	  #slideshow{
	  	width:980px;
	    margin:0 auto;
	  	}

/******主图结束*******/

/*-------主内容---------*/

.main_box{
	width:980px;
	margin:0 auto;
	padding-top:2px;
	overflow:auto;
	zoom:1;
	}
    /*----栏目区-----*/
    .column_box{
    	float:left;
    	width:755px;
    	overflow:auto;
	    zoom:1;
    	}
    	
    	  /*----公司动态-----*/
    	  .news{
    	  	position:relative;
    	  	float:left;
          width:755px;
          height:32px;
          padding:0;
          background: url('../img/news_bg.jpg') no-repeat;
          overflow:hide;
          zoom:1;
        	}
        
           .news h3{
           	float:left;
           	display:block;
            width:75px;
            height:32px;
            margin-top:0;
            padding-left:8px;
            font-size:12px;
            line-height:32px;
           	}
           	
              .news h3 a{
               color:#fff; 
               }
      
        #news{
        	position:relative;
        	float:left;
          height:27px;
          margin-top:3px;
          }
         	
           	#news ul, #news li{
           		margin-top:0;
           		margin-left:0;
           		padding:0;
           		}
           		
           	#news li{ 
           		/* 
           			定义滑动块的宽度和高度
           		*/ 
           		width:645px;
           		height:27px;
           		line-height:27px;
           		overflow:hidden; 
           		}
           		
           		#news li a{ 
           	    color:#fff;
           	    }
           	  
           	    #news li a:hover{
           	  	  text-decoration:none;
           	  	  }
           	 
           	  #news li span{ 
           	  margin-left:40px;
           	  color:#fff;
           	  }
           	
           
           	
           	#prevBtn{
           		position:absolute;
           		}
           	#nextBtn{
           		position:absolute;
           		}
           		
           		
               	span#prevBtn a{
               		display:block;
               		position:absolute;
               		top:0;
		              width:20px;
		              height:14px;
		              font-size:8px;           	
                	}
               		span#prevBtn a:hover{
               		text-decoration:none;
               	  }
               	  
               	span#nextBtn a{
               		display:block;
               		position:absolute;
               		top:16px;
		              width:20px;
		              height:14px;
		              font-size:8px;
               		}		
               		
               	  span#nextBtn a:hover{
               	  	text-decoration:none;
               	    }
    	
    	  /*----冯博士-----*/    	
    	  .phd_feng{
    	  	float:left;
        	width:305px;
        	height:273px;
        	margin-top:4px;
        	background:url('../img/feng.jpg') no-repeat;
        	}
        
            .phd_feng h2{
            	margin-left:10px;
            	color:#ffffff;
            	font-size:12px;
            	line-height:30px;
            	}
            
            .phd_feng p{
            	width:180px;
            	margin-left:10px;
            	margin-top:8px;
            	color:#0c3e54;
            	line-height:20px;
              }
            
            .phd_feng ul{
            	display:block;
            	width:280px;
            	margin-top:5px;
            	margin-left:10px;
            	line-height:22px;
            	color:#0c3e54;
            	}
            
            .phd_feng a:hover{
            	color:#1f7ca0;
            	}
    	
    	  /*----前沿视角-----*/     	
    	  
    	  .view_box{
    	  	float:left;
    	    width:438px;
    	    height:271px;
    	    margin:4px 0 0 10px;
    	    border:1px #cbd4d9 solid;
    	    background:url(../img/box_bottom_bg.gif) bottom repeat-x;
    	  	}
    	  	
    	  	.tit_box{/*其他栏目共用*/
    	  		width:100%;
    	  		height:28px;
    	  		background:url(../img/tit_bg.gif) repeat-x;
    	  		border-bottom:1px #cbd4d9 solid;
    	  		overflow:auto;
    	  		zoom:1;
    	  		}
    	  		
    	  		.tit_box h2{
    	  			display:inline;
    	  			float:left;
    	  			margin:0 0 0 10px;
    	  			color:#004156;
    	  			font-size:14px;
    	  			line-height:28px;
    	  			}
    	  		
    	  		.tit_box a{
    	  			display:block;
    	  			float:right;
    	  			padding:7px 10px 0 0;
    	  			}
    	  
    	  
    	  	.view_box ul{
    	  		width:100%;
    	  		height:232px;
    	  	  padding-top:10px;
    	  		background:url('../img/view_bg.jpg') top right no-repeat;
    	  		line-height:36px;
    	  		}
    	  		
    	  		.view_box ul li{
    	  	    margin-left:12px;
    	  	    padding-left:20px;
    	  	    background:url(../img/arrow_tr.gif) no-repeat 0 50%;
    	  			}
    	  		
    	  		
    	  /*----专家团队-----*/    	  		
    	  		
    	  .team_box{
    	    width:303px;
    	    height:370px;
    	    margin:10px 0 0 0;
    	    border:1px #cbd4d9 solid;
    	    background:url(../img/box_bottom_bg.gif) bottom repeat-x;
    	    float:left;
    	  	}
    	  	
    	  	.team_list{
    	  		width:303px;
    	  		height:320px;
    	  		margin:4px 0;
    	  		overflow: hidden;
    	  		}
    	  		
    	  		.team_item{
      	  		display: block; 
      	  		width:303px;
      	  		height:60px;
      	  		overflow: hidden;
      	  		}
      	  		
      	  		.team_item a{
      	  			display:block;
      	  			width:287px;
      	  			height:60px;
      	  			margin-left:8px;      	  			
      	  			overflow:auto;
      	  			zoom:1;
      	  			}
      	  			
      	  			.team_item a:hover{
      	  				}
      	  				
      	  				.team_item a img{
      	  					float:left;
      	  					display:block;
      	  					width:44px;
      	  					height:44px;
      	  					margin-top:5px;
      	  					border:3px #ececec solid;
      	  					}
      	  					
      	  				.team_item a dl{
      	  					float:left;
      	  					display:block;
      	  					margin-top:8px;
      	  					margin-left:10px;
      	  					line-height:24px;
      	  					}
      	  					
      	  					.team_item a dl dt{
      	  						color:#004156;
      	  						font-weight:bold;
      	  						}
      	  			

    	  /*----原创成果-----*/     	  		   	  
        .original_box{
        	float:left;
    	    width:438px;
    	    height:178px;
    	    margin:10px 0 0 10px;
    	    border:1px #cbd4d9 solid;
    	    /*background:url(../img/box_bottom_bg.gif) bottom repeat-x;*/
        	}    
        	
        	.original_box ul{
        	  line-height:36px;
        	  padding-left:10px;
        		}
        		
        		.original_box ul li{
        			padding-left:23px;
        			/*background:url(../img/case_sign.gif) no-repeat 0 50%;*/
        			}

    	  /*----学习平台-----*/ 
        .learn_box{
        	float:left;
    	    width:438px;
    	    height:178px;
    	    margin:10px 0 0 10px;
    	    border:1px #cbd4d9 solid;
    	    background:url(../img/box_bottom_bg.gif) bottom repeat-x;
        	}    
        	
        	.learn_box .learn_cont{
        		width:428px;
        		height:149px;
        	  line-height:36px;
        	  padding-left:10px;
        	  background:url(../img/box_bottom_bg.gif) bottom repeat-x;
        		}
        		
        		.learn_cont a{
        			float:left;
        			width:140px;
        			}
        			
    	  /*----研发平台-----*/         			
        .base_box{
        	float:left;
        	margin-top:10px;
        	margin-left:10px;
        	}

    	  /*----活动掠影-----*/        			
        .photos_box{
        	float:left;
        	width:753px;
        	height:153px;
        	margin-top:6px;
        	border:1px #cbd4d9 solid;
    	    background:url(../img/box_bottom_bg.gif) bottom repeat-x;
        	}
        	
        	#photos{
        		position: relative;
        		width:750px;
        		height:124px;
        		}
        	
          	.photos-list-prev,.photos-list-next{
          		position: absolute;
          		display:block;
          		top:5px;
          		width:10px;
          		height:113px;
          		}
          	
          	.photos-list-prev{
          		left:17px;
          		background:url('../img/pre.gif') no-repeat;
          		}
          	
          	.photos-list-next{
          		left:727px;
          		background:url('../img/next.gif') no-repeat;
          		}
          		
          		
          	.photos-list{
        		  width:710px;
        		  margin-left:27px;
        		  visibility: visible;
        		  overflow: hidden;
        		  z-index: 2;
          		}
          		
          		.photos-list ul{
          		  z-index: 1; 
          		  width: 780px; 
          		  left: -710px;
          		  overflow:auto;
          		  zoom:1;
          	    }
          	    
          	    .photos-list ul li{
          	    	float: left; 
          	    	width: 140px; 
          	    	height: 100px;
          	    	}
          	    	
          	    	.photos-list ul li a{
          	    		display:block;
          	    		margin:18px 5px 5px 5px;
          	    		}
          	    		
          	    		
          	    		.photos-list ul li a img{
          	    			width:130px;
          	    		  height:90px;
          	    			}


/*********主内容区结束************/  


/*------------边栏区--------------*/      	
    .side_box{
    	float:left;
    	width:215px;
    	margin-left:10px;
    	}
    	
    	.serve_bar{
    		background:#edf7ef;
    		}
    		
    	
    	   .side_tit{
    	  		width:100%;
    	  		height:28px;
    	  		background:#004156;
    	  		border-bottom:1px #cbd4d9 solid;
    	  		overflow:auto;
    	  		zoom:1;
    	  		}
    	  		
    	  		.side_tit h2{
    	  			display:inline;
    	  			float:left;
    	  			margin:0 0 0 10px;
    	  			color:#fff;
    	  			font-size:14px;
    	  			line-height:28px;
    	  			}
    	  		
    	  		.side_tit a{
    	  			display:block;
    	  			float:right;
    	  			padding:7px 10px 0 0;
    	  			}
    	  		
    	
    		.serve_bar ul{
    			padding:10px;
    			font-weight:bold;
    			line-height:30px;
    			}
    			
    			.serve_bar ul li a{
    				color:#586b71;
    				}   

    	.search_box{
    	 	width:213px;
    	  height:120px;
    	  margin:10px 0 0 0;
    	  border:1px #cbd4d9 solid;
    	  background:url(../img/box_bottom_bg.gif) bottom repeat-x;
    	  float:left;
    	 	}
    	 	
    	 	.search_cont{
    	 		width:213px;
    	 		padding-top:14px;
    	 		overflow:auto;
    	 		zoom:1;
    	 		}
    	 		
    	 		.input_box{
    	 	    float:left;
	          margin-left:20px;
	          margin-right:10px;
	          display:inline;
    	 			}
    	 			
    	 			.input_box span{
	            display:block;
	            margin-top:1px;
	            margin-bottom:6px;
	            }
	            
	            .input_box span input{
	            	width:110px;
	              height:20px;
	              padding-left:2px;
	              border:#d5d5d5 solid 1px;
	              color:#b5b5b5;
	              line-height:20px;
	            	}
	            
	            .input_box span select{
	            	width:113px;
	            	height:20px;
	            	border:#d5d5d5 solid 1px;
	            	color:#454545;
	            	}
    	 		
    	 	  .search_btn{
    	 	  	float:left;
    	 		  }	 
    	 	
    	.frind_box{
    		width:213px;
    	  height:144px;
    	  margin:10px 0 0 0;
    	  border:1px #cbd4d9 solid;
    	  background:url(../img/box_bottom_bg.gif) bottom repeat-x;
    	  float:left;
    		}
    		
    		.frind_box ul{
    			margin-left:10px;
    			padding-top:10px;
    			}
    		
      		.frind_box ul li{
      			float:left;
      			width:98px;
      			line-height:24px;
      			}
      		
/*********边栏区结束************/ 	

/*----------页脚------------*/
.foot{
	width:100%;
	margin-top:10px;
	border-top:#004660 4px solid;
	background:#f2f2f2;
	text-align:center;
	line-height:22px;
	}
  
  .foot .addon_link{
	  margin:10px auto;
	  }
	  
	  .addr{
	  	color:#555555;
	  	}
	  	
	  .copyright{
	  	margin-bottom:10px;
	  	color:#434343;
		  }


  
  
/*********页脚结束************/   		

p{	margin:1em 0; }

.clear{clear:both;line-height:0;font-size:0}

/*********表单************/
#formcontenttext{ margin-left: auto; margin-right: auto; width:550px; background-color:#F7F7F7; text-align:center;}
.formtitletext {
	font: 0.8em Tahoma, sans-serif;
	font-size:26px;
	font-weight:bold;
}
.formbodytext {
	font: 0.8em Tahoma, sans-serif;
	font-size:15px;
	color: #666666;
}

/*********正文************/
#contenttext{ margin-left: auto; margin-right: auto; width:80%; background-color:#F7F7F7; text-align:center;}
.titletext {
	font: 0.8em Tahoma, sans-serif;
	font-size:26px;
	font-weight:bold;
}
.bodytext {
	font: 0.8em Tahoma, sans-serif;
	font-size:12px;
	color: #666666;
}

/*********照片************/
.photo_wrap{float:left;display:inline;width:200px;height:300px;margin:10px 13px 25px}

.photo_wrap .pl{margin:6px 0 3px}